<?php 
	$message = $this->message;
?>

<section class="grid_12" style="width: 60%;margin-left: 20%;">
	<div class="block-border" style="margin-bottom: 20px;">
	       <form class="block-content form" id="edit_form" method="post" action="">
				<?php echo $this->formHidden("edit_id", $this->edit_id)?>
				<h1>ユーザ情報変更</h1>
				
				<fieldset>
					<legend>ユーザ情報</legend>

					<!-- Message display -->
					<?php if($message):?>
					<ul class="message error no-margin">
						<li><?php echo $message?></li>
					</ul>
					<?php endif;?>

					<p class="inline-label">
						<label for="username">ユーザ名</label>
						<?php echo $this->formText("username_text", $this->username, array('disabled'=>'disabled'));?>
						<?php echo $this->formHidden("username", $this->username)?>
					</p>
					
					<p class="inline-label">
						<label for="name" >名前</label>
						<?php echo $this->formText("name", $this->name);?>
					</p>
					
					<p class="inline-label">
						<label for="email">メールアドレス</label>
						<?php echo $this->formText("email", $this->email);?>
					</p>
					
					<p class="inline-label">
						<label for="phone">電話番号</label>
						<?php echo $this->formText("phone", $this->phone);?>
					</p>
					
					<p class="inline-label">
						<label for="address">アドレス</label>
						<?php echo $this->formTextarea("address", $this->address, array('rows'=>3, 'cols'=>50));?>
					</p>
					
					<p class="inline-label">
						<label for="user_type">管理者</label>
						<input type="checkbox" name="type" id="type" value="1" <?php echo $this->type == 2 ? 'checked="checked" ' : ' '?>class="switch inputForm" style="display: none; ">
					</p>
					
				</fieldset>

				<fieldset class="grey-bg no-margin">
					<p>
						<button type="submit">更新</button>
						<button type="button" id="cancel_btn">キャンセル</button>
					</p>
				</fieldset>
				
			</form>
		</div>
</section>

<!-- Table script -->
<script type="text/javascript">
	$(document).ready(function(){
		$("#cancel_btn").click(function(){
			window.location = "/admin/user";
		});

		//入力を検証する
		$("#edit_form").validate({
	 		rules: {
				username: {
	 				required: true
	 			},
	 			name: {
	 				required: true
	 			},
	 			email: {
	 	 			required: true,
	 	 			email: true
	 			},
				phone: {
					required: true,
					number: true,
					minlength: 9,
					maxlength: 11
				}
			},
			messages: {
				username: "このフィールドは必須です。",
				name: "このフィールドは必須です。",
				email: {
					required: "このフィールドは必須です。",
					email: "有効なメールアドレスを入力してください。"
				},
				phone: {
					required: "このフィールドは必須です。",
					number: "有効な番号を入力してください。",
					minlength: "少なくとも9文字を入力してください。",
					maxlength: "以上11文字以下を入力してください。"
				}
			}
		});
	});
</script>
